<template>
    <div class="mater">
    <div class="rial" v-if="Detail.type='flower'">描述：  {{Detail.des}}</div>
    <div class="rial">材料：  {{Detail.materials}}</div>
    <div class="rial e">配送：  {{Detail.send}}</div>
    

    </div>
</template>

<script>
    import {getClassDetail} from '../api/details'
    export default {
        data() {
            return {
                Detail:[],
                flower:''
            }
        },
        mounted() {
            this.getDetail()
        },
        methods: {
            getDetail(){
                let {id} = this.$route.params
                getClassDetail(id).then(res=>{
                    console.log(res);
                    this.Detail = res.data
                })
            }
        },
    }
</script>

<style scoped>
    .rial{
        padding: 2vh 0 1vh 1vh;
        
    }
    .e{
        padding-bottom: 10vh;
    }
</style>